JS实现浏览器打印、打印预览

您所在的位置：网站首页 › chrome 打印 › JS实现浏览器打印、打印预览

JS实现浏览器打印、打印预览

2024-04-05 05:02| 来源: 网络整理| 查看: 265

1.JS实现打印的方式方式一：window.print()window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容，下面是从网上摘到的一个局部打印的例子，该例子的不足是打印会修改页面的内容。

DOCTYPE html> 局部打印案例 function doPrint() {

if (confirm('确定打印吗？')){ try{ print.portrait = false ;//横向打印 }catch(e){ //alert("不支持此方法");}

bdhtml=window.document.body.innerHTML;

sprnstr=""; eprnstr=""; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; window.print(); } 1不需要打印的地方 2这里不要打印啊打印标题打印内容~~ 打印不打印的地方啊哈哈哈哈 2

方式二：使用html 标签引入Webbrowser控件这种方式是其只兼容IE，其他浏览器不可使用，同时IE10以下的浏览器才可以使用，调用方式如下：

WebBrowser.ExecWB(1,1) //打开 WebBrowser.ExecWB(2,1) //关闭现在所有的IE窗口，并打开一个新窗口 WebBrowser.ExecWB(4,1) //保存网页 //--------------- 常用 --------------- WebBrowser.ExecWB(6,1) //打印 WebBrowser.ExecWB(7,1) //打印预览 WebBrowser.ExecWB(8,1) //打印页面设置 //------------------------------------- WebBrowser.ExecWB(10,1) //查看页面属性 WebBrowser.ExecWB(15,1) //撤销 WebBrowser.ExecWB(17,1) //全选 WebBrowser.ExecWB(22,1) //刷新 WebBrowser.ExecWB(45,1) //关闭窗体无提示

这种方式优势是在IE下可以弹出打印预览，这是打印很人性化的功能，但是遗憾的是高版本的IE浏览器不支持WebBrowser了

方式三：采用document.execCommand(”print”)该方式也兼容各个版本的浏览器，同window.print()一样，其启动的是打印对话框，chrome的打印对话框自带预览功能，但是IE、火狐仅仅只弹出打印设置对话框，没有预览功能。

方式四：采用JQuery插件使用JQuery浏览插件可以很方便的进行局部打印，常用的插件有：

1)jquery.print.js 下载地址：https://github.com/DoersGuild/jQuery.print

2)jquery.print-preview.js 下载地址：https://github.com/etimbo/jquery-print-preview-plugin

这两种方式使用都很简单，1）通过$("#id").print(/*options*/);调用；2）通过$('#id').printArea(/*options*/); 其中的option可选项可以在下载地址下载下来后看示例代码，一般options不用传即可，示例代码如下：

JQuery打印

【本文地址】

JS实现浏览器打印、打印预览

JS实现浏览器打印、打印预览

今日新闻

推荐新闻